.slid-menu .ant-menu-item{
height: 64px!important;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
padding-left: 0!important;
}
.dtl-close{
    position: absolute;
    font-size: 24px;
    color: #fff;
}
.dtl-close:hover{
    color: #1890ff;
}
.fct-layout{
    background-image: url("./工厂背景.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /* color: #fff; */
}
.fct-layout-all{
    background-color: #fff;
    width: 100%;
    padding: 70px 150px;
}
.fct-card{
    /* border: 1px solid #8e8e8e; */
    position: relative;
    background-color: #fff;
    width: 345px;
    height: 400px;
    border-radius: 16px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1); 
}
.fct-card{
    box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.1), 0 -4px 4px rgba(0, 0, 0, 0.1);  
}
.fct-card{
    box-shadow: -6px 0 12px rgba(0, 0, 0, 0.1), -4px 0 4px rgba(0, 0, 0, 0.1);  

}
.fct-card{
    box-shadow: 6px 0 12px rgba(0, 0, 0, 0.1), 4px 0 4px rgba(0, 0, 0, 0.1);  
}

.fct-card-cover{
    /* border: 1px solid #8e8e8e; */
    position: absolute;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    width: 345px;
    height: 400px;
    border-radius: 16px;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
    z-index: 3;
    top: 0;
}
.fct-card-cover:hover{
    opacity: 1;
    backdrop-filter: blur(10px)
    
}
.col{
 display: flex;
 justify-content: center;
}